<template>
  <div class="header" ref='head'>
	<!-- <img class="image" src="../../../static/img/screenIndexbg.jpg" />
    <span class="txt">河南保税集团跨境大数据可视化平台</span> -->
	<img src="../../../static/img/biaoticon.png" class="imgCon"/>
	<!-- <div class="imgCon"></div> -->
  </div>

</template>

<script>
  export default {
    name: 'top',
    components: {

    },
    data() {
      return {

      }
    },
    mounted() {
      
    },
    methods: {
      
    }
  }
</script>

<style scoped>
 .header{
	  width: 100vw;
	  height: 100%;
	  background: url(../../../static/img/headbg.png);
	  background-size: 100% 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  .header .image{
	  width: .6rem;
	  height: .6rem;
	  margin-top: -.6rem;
  }
  .header .txt{
	  font-size: .3rem;
	  font-weight: bold;
	  color: #fff;
	   margin-top: -.6rem;
	   margin-left: .1rem;
	   letter-spacing: 2px;
  }
  .header .imgCon{
	  margin-top:-.5rem;
	  width: 6.75rem;
	  height: .48rem;
	  /* background: url(../../../static/img/biaoticon.png) no-repeat;
	  background-size: 100% 100%; */
  }
  
</style>

